/* 
    Document   : Accueil
    Created on : 29 avr. 2012, 23:30:58
    Author     : Ali
    Description:
        Purpose of the stylesheet follows.
*/

          body
          {
              margin:0px;           
          }
          
          
          header
          {
          padding-top:4px;
          background-color:Gray;
          width:100%;
          min-width:100%;
          height:20%;
          min-height:80%;
          border-bottom:0px solid black;
          margin:0px;
          position:relative;
          
          }
          
                    
          fieldset > legend {
          font-size: 20px;
          
          margin-left: 10px;
          }
          .formCherche{
              
              display: block;
              
          }
          
         
          .fieldset2{
              
             margin-left: 400px;
             margin-top: -240px;
             width:300px;
             
              
          }
        
          select{
              margin-left:   20px;
              
          }
          .commentaire
          {
            
            margin-left: 270px;
            margin-top: 10px;
           display: block;
           position: absolute;
          }
                        
          fieldset
          {
           padding-left: 10px;
           padding-bottom:20px;
           margin-top:30px;
           padding-top:10px;
           width:310px;
           
           margin-left:15px;
           
           
          }
               
         
          
          
          .login
          {
              color:Green;
              font-weight:bold;
              font-size:20px;
          }
          
                    
          table
          {
              width:100%;
              min-width:30%;
          }
          
        
          
         .logo
          {
              height: 80px; 
              width: 180px;
          }
          
        
         
          
          nav
          {
          display:inline-block;
          min-width:340px;
          background-color:Silver;
          float:left;
          
          height:50%;
          margin:0px;
          min-height:700px;
          position:relative;
          
          
          width: 200px;
          border-top: 1px solid #999;
          border-right: 1px solid #999;
          border-left: 1px solid #999;
          
          
          
          }
          
          section
          {          
          display: inline-block;
          float:right;
          background-color:White;
          border-left:0px solid black;
          height:700px;
          width:82%;
          margin:0px;
          
          position:absolute;
          }

            .hcol3
            {
                width: 140px;
                float:left;
                display:inline-block;
                padding-top:20px;
                margin-left: 200px;
                
            }

            .hcol2 
            {
                padding-left: 240px;
               
            }
            
          
            
            .hcol2 > *
            {
                /*height: 25px; */
                
                color: #FFFFFF;
                float: left;
                font-size: 25px;

                text-align: left;
                
               
            }
            
           
            

            .hcol1
            {
                width: 322px;
                padding-left:2%;
                min-width:322px;
            }

            .Recherche
            {
                width: 296px;
                height: 39px;
            }
            

            .hcol3 > input
            {
                
                width: 189px; 
                height: 39px;
                display:block;
                min-width:189px;
                
            }
            
            li{
              display: inline;
            }
            
#nav {
    width: 300px;
    margin-left: -45px;
}

#nav li a {
    display: block;
    padding: 10px 15px;
    background: #ccc;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #999;
    text-decoration: none;
    color: #000;
}
#nav li a:hover, #nav li a.active {
    background: #999;
    color: #fff;
}
#nav li ul {
    display: none; 
    
}
#nav li ul li a {
    padding: 10px 25px;
    background: #ececec;
    border-bottom: 1px dotted #ccc;
}



.lien:link{color: #ff3333;}
.lien:visited{color: #330000;}
.lien:active{color: #ff0000;}
.lien:hover{color: #ffaa00;}



